const path = require('path')
// 处理 html 
const HtmlWebpackPlugin = require("html-webpack-plugin")
// 清理之前的文件
const { CleanWebpackPlugin } = require('clean-webpack-plugin');



module.exports = {
  // 模式
  mode: 'development',
  // 入口文件
  entry: "./src/index.ts",
  // 出口文件
  output: {
    path: path.resolve('./dist'),
    filename: 'script/bundle.js'
  },
  // 插件
  plugins: [
    new HtmlWebpackPlugin({
      template: "./public/index.html",
    }),
    new CleanWebpackPlugin()
  ],
  // 配置加载规则
  module: {
    rules: [
      // 读到什么文件交给谁来处理
      {test: /.ts$/, loader: 'ts-loader'}
    ]
  },
  // 解析
  resolve: {
    // 表示文件扩展名
    extensions: [".js", ".ts", '.vue']
  }
}